<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>添加中药</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<!--<link href="../css/mui.css" rel="stylesheet" />-->
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/cw.css" />
		<link rel="stylesheet" type="text/css" href="../css/imageviewer.css"/>
		<style type="text/css">
			textarea {margin: 0px;border: none;padding: 10px 0;}
			.table-view-cell{padding: 11px 15px 0 15px;}
			.classify{padding: 11px 15px;}
			.mui-input-row label{color: #000000;}	
			.mui-table-view-cell{padding: 10px 0;}
			.mui-input-row label{text-align: left;padding-left: 15px;padding-right:0px;width:25%;}
			.mui-input-row label~input{width: 75%;}
			.mui-table-view-cell>.mui-btn{right: 0;}
			.rz-img{padding-bottom: 11px;}
			.rz-img>img{width: 70px;}
			/*添加*/
			.res_pasw{padding: 20px 25%;}
			.res_pasw button{color: black;width: 100%;padding: 5px 0px;border-radius: 100px;font-size: 1.2em;background: #8dc21f;}
			/*下拉*/
			.search {color: black;}
		   	 select{display:block;padding: 5px;width: 100%;margin: 0;font-size: 16px;}
		   	 select option{text-align: center;}
		   	 .xiala{position: relative;overflow: hidden;font-size: 17px;background: white;}
		   	 .xiala div:nth-child(1){line-height: 35px;}
		   	 .xiala div:nth-child(2){border: 1px solid #aaa;border-radius: 3px;}
		   	 .xiala>div>i{position:absolute;top:5px;right: 5%;}
		   	 .mui-table-view-cell.mui-active {background-color: white;} 
		   	 /*select, textarea{-webkit-appearance: none;}*/
		   	 #content{-webkit-user-select: text;user-select: text;overflow-y: auto;text-break: brak-all;outline: "none"};
		   	 #content img{width: 100%; word-wrap : break-word;}
		</style>
	</head>
	<body>
		<header id="header" class="mui-bar mui-bar-nav">
			<i class="mui-icon mui-icon-back mui-action-back"></i>
			<h1 class="mui-title "></h1>
		</header>
		<div class="mui-content">
			<form name="minfo">
			<div class="Medicine">
				<div class="mui-table-view table-view-cell">
					<div class="font-15">商品名称</div>
					<textarea name="title" rows="2" cols="" ></textarea>
				</div>
				<div class="mui-table-view table-view-cell">
					<div class="font-15">别名</div>
					<textarea name="alias" rows="1" cols=""></textarea>
				</div>
				<div class="mui-table-view table-view-cell">
					<div class="font-15">主治功效</div>
					<textarea name="attend" rows="2" cols=""></textarea>
				</div>
				<div class="mui-table-view table-view-cell">
					<div class="font-15">使用禁忌</div>
					<textarea name="taboo" rows="2" cols="" ></textarea>
				</div>
				<div class="mui-table-view table-view-cell">
					<div class="font-15">鉴别</div>
					<textarea name="identify" rows="2" cols="" ></textarea>
				</div>
				<div class="mui-table-view classify">
					<div class="mui-table-view-cell">
						<div class="xiala">
							<div class="mui-col-xs-8 mui-pull-left">
								<span>所属分类</span>
							</div>
							<div class="mui-col-xs-4 mui-pull-right search">
								<select name="type">
								</select>
							</div>
						</div>					
					</div>					
				</div>
				<div class="mui-table-view">
					<div class="mui-table-view-cell">
						<div class="mui-input-row">
							<label class="font-15">产地</label>
							<input type="text" name="place" />
						</div>	
					</div>					
				</div>
				<div class="mui-table-view">
					<div class="mui-table-view-cell">
						<div class="mui-input-row">
							<label class="font-15">品类</label>
							<input type="text" name="category" />
						</div>	
					</div>					
				</div>
				<div class="mui-table-view table-view-cell">
					<div class="font-15">储存方法</div>
					<textarea name="store" rows="2" cols="" ></textarea>
				</div>
				<div class="mui-table-view">
					<div class="mui-table-view-cell">
						<div class="mui-input-row">
							<label style="width: 40%;" class="font-15">价格（元/克）</label>
							<input style="width: 60%;" name="price" type="number"/>
						</div>	
					</div>					
				</div>
				<div class="mui-table-view table-view-cell">
					<div class="font-14">展示图片(仅限三张)</div>
					<div class="rz-img mui-input-row" >
						<!--<img src="../images/img.png" data-preview-src="" data-preview-group="1"/>-->
						<img src="../images/jia.jpeg" id="photo"/>
					</div>
				</div>
				<div class="mui-table-view table-view-cell">
					<div class="font-14">图文详情</div>
					<!--<input type="hidden" id="target">-->
					<div id="content" style="height: 200px;" contenteditable="true"></div>
					<!--<input id="imageUpload" type="file" name="fileInput" capture="camera" accept="image/*" style="position:absolute;left:0;opacity:0;width:100%;">-->
					<img src="../images/jia.jpeg" class="uploadpic" style="width: 70px;"/>
				</div>
			</div>	
			</form>
			<div class="res_pasw">			
				<button type="button"></button>			
			</div>
		</div>	
	<div id="sheet1" class="mui-popover mui-popover-bottom mui-popover-action" style="display: none;">
		<!-- 可选择菜单 -->
		<ul class="mui-table-view">
			<li class="mui-table-view-cell paizhao">
				<a href="#sheet1">拍照添加</a>
			</li>
			<li class="mui-table-view-cell photo">
				<a href="#sheet1">相册添加</a>
			</li>
		</ul>
		<!-- 取消菜单 -->
		<ul class="mui-table-view">
			<li class="mui-table-view-cell">
				<a href="#sheet1"><b>取消</b></a>
			</li>
		</ul>
	</div>
	
	</body>
	<script src="../js/jquery-2.1.4.min.js"></script>
	<script src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/public.js" ></script>
	<script type="text/javascript" src="../js/app/Chinese_medicine.js" ></script> 
	<!--<script src="../js/artEditor.min.js"></script>-->
	<script src="../js/mui.zoom.js"></script>
	<script src="../js/mui.previewimage.js"></script>
	<script>
		mui.init({
			gestureConfig:{
				longtap: true, //默认为false
			}
		});
//		$(function() {
//			"use strict";
//			$('#content').artEditor({
//				imgTar: '#imageUpload',	//图片上传按钮
//				limitSize: 5,   // 图片最大限制，默认3兆
//				showServer: false,
//				uploadUrl: '',//图片上传路径
//				data: {},//上传图片其他参数
//				uploadField: 'image',
//				placeholader: '<p>请输入图文详情</p>',
//				validHtml: ["<br/>"],
//				formInputId: 'target',
//				uploadSuccess: function(res) {
//					// return img url
//					return res.path;
//				},
//				uploadError: function(res) {
//					// something error
//					console.log(res);
//				}
//			});
//		});
		mui.previewImage();
	</script>
</html>